<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core">
    <h:head>
        <title>Lista de vendedores - Síndico On-Line</title>
    </h:head>
    <h:body>
        <p:fieldset legend="Lista de vendedores">
            <h:form id="formVendedor">
                <p:dataTable >
                    <p:column headerText="Nome">
                    </p:column>
                    <p:column headerText="Produto">
                    </p:column>
                    <p:column headerText="CPF">
                    </p:column>
                    <p:column headerText="Telefone 1">
                    </p:column>
                    <p:column headerText="Telefone 2">
                    </p:column>
                    <p:column headerText="Editar">
                        <p:commandButton value="Editar"/>
                    </p:column>
                    <p:column headerText="Excluir">
                        <p:commandButton value="Excluir"/>
                    </p:column>
                </p:dataTable>
                    <p:commandButton value="Add" onclick="cadVend.show()"/>
            </h:form> 
        </p:fieldset>                
        
        <p:dialog header="Cadastro de vendedor" widgetVar="cadVend" modal="true" height="400" width="400" style="text-align: left;">
            <h:form id="cadastroVendedor">       
                <p:messages />
                    
                    <h:outputLabel value="Data de entrada"/><br/>
                    <p:calendar showOn="button"/><br/>
                    <br/>
                    
                    <h:outputLabel value="Data de saída"/><br/>
                    <p:calendar showOn="button"/><br/>
                    <br/>
                    
                    <h:outputLabel value="Morador"/><br/>
                    <h:inputText value="" required="true" requiredMessage="Por favor informe o Morador"/><br/>
                    <br/>
                    
                    <h:outputLabel value="Endereço"/><br/>
                    <h:inputText value="" required="true" requiredMessage="Por favor informe o Endereço"/><br/>
                    <br/>
                    
                    <h:outputLabel value="Código do crachá"/><br/>
                    <h:inputText value="" required="true" requiredMessage="Por favor informe o código do crachá"/><br/>
                    <br/>
                    
                    <h:outputLabel value="CPF"/><br/>
                    <h:inputSecret value="Senha" required="true" requiredMessage="Por favor informe o CPF"/><br/>
                    <br/>
                    
                    <h:outputLabel value="Nome completo"/><br/>
                    <h:inputText value="" required="true" requiredMessage="Por favor informe o Nome completo"/><br/>
                    <br/>
                    
                    <h:outputLabel value="CNPJ"/><br/>
                    <h:inputText value="" required="true" requiredMessage="Por favor informe o CNPJ"/><br/>
                    <br/>
                    
                    <h:outputLabel value="Nome empresa"/><br/>
                    <h:inputText value="" required="true" requiredMessage="Por favor informe o Nome da empresa"/><br/>
                    <br/>
                    
                    <h:outputLabel value="Telefone 1"/><br/>
                   <p:inputMask mask="(99) 0999-9999" required="true" requiredMessage="Por favor infome o Telefone 1"/><br/>
                    <br/>
                    
                    <h:outputLabel value="Telefone 2"/><br/>
                    <p:inputMask mask="(99) 0999-9999" required="true" requiredMessage="Por favor informe o Telefone 2"/><br/>
                    <br/>
                    
                    <h:outputLabel value="Email"/><br/>
                    <h:inputText value="" required="true" requiredMessage="Por favor informe o Email"/><br/>
                    <br/>
                    
                    <h:panelGrid columns="2" style="alignment-baseline: central">
                    <p:commandButton id="btCancelVendedor" value="Cancelar" oncomplete="cadVend.hide()" update="cadastroVendedor :tabView:formVendedor" />                    
                    <p:commandButton id="btSaveVendedor" value="Cadastrar" action="#{vendedorMB.salvar()}" update="cadastroVendedor :tabView:formVendedor"/>
                </h:panelGrid>
            </h:form>

        </p:dialog>
        
    </h:body>
</html>

